<template>
  <!-- Vue3组件中的模板结构可以没有跟标签，例如：div -->
  <h1>我是App组件</h1>
  <hr>
  <button @click="isShowDemo = !isShowDemo">切换显示/隐藏</button>
  <!-- 定义一个自定义事件@hello -->
  <Demo v-if="isShowDemo"></Demo>
</template>

<script>
// 引入ref 函数
import Demo from "./components/Demo";
import {ref} from "vue";

export default {
  name: 'App',
  components: {
    Demo,
  },
  setup() {
    let isShowDemo = ref(true);

    return {
      isShowDemo,
    }
  }
}
</script>

<style>

</style>
